<html>
<head>
	<style>
	#myDiv{
		position:absolute;
		top:180px;
		width:300px;
		height:150px;
		background-color:lightblue;
		border:1px solid black;
		animation:mymove 5s infinite;
	}
	#Div2{
		position:absolute;
		top:160px;
		left:30px;
		width:300px;
		height:150px;
		background-color:coral;
		border:1px solid black;
	}
	@-webkit-keyframes mymove{
		50%{opacity:0;}
	}
	#myDiv2{
		border:1px solid black;
		width:300px;
		color:red;
		-webkit-animation:mymove 5s infinite;/* chrome,Safari,Opera */
		animation:mymove 5s infinite;
	}

/* chrome,Safari,Opera */
@-webkit-keyframes mymove
{
	50%{color:blue;}
}
/* Standard syntax */
@keyframes mymove
{
	50% {color:blue;}
}
	</style>
</head>
<body>
<div id="Div2">
<h1>Voila!</h1>
</div>
<div id="myDiv"></div>
<hr />
<div id="myDiv2">
<h1>这是一个标题</h1>
</div>
</body>
</html>
